import { globalStyle, style } from '@vanilla-extract/css';
import { knnoButton, vars } from '../../theme/theme.css';
import { iconInputStyle } from '../input/input.css';

export const popListStyle = style({
	display: 'flex',
	flexDirection: 'column',
	alignItems: 'stretch',
});

globalStyle(`${popListStyle}>${iconInputStyle}`, {
	margin: '0 1em 0.5em 1em',
	borderColor: vars.color.border,
	width: 'auto',
	boxShadow: 'none',
});

globalStyle(`${popListStyle}>${knnoButton}`, {
	margin: '0.5em 1em 0 1em',
});
